<style type="text/css">
.page h2.border{
	border-bottom: 1px solid #262B30;
	border-top: 1px solid #262B30;
	padding: 10px 0;
	font-size: 19px;
	margin-bottom:8px;
	color: #fff;
}
#height_stop,  #weight_stop{
    margin:5px 0px 0px 20px;
}
#weight_start, #height_start{
    margin:5px 0px 0px 0px;
}
</style>

<?php
$CI =& get_instance();

$CI->load->database();
$CI->load->library("front/header_lib");

$page_title =  "Make a payment";

$query_pages = $CI->db->get_where('bur_staticpages',array('staticpage_link'=>'make_payment'));

foreach($query_pages->result() as $row_vals)
{
     $title = $row_vals->staticpage_title;
	$metakey_page = $row_vals->staticpage_metakey;
    $metadesc_page = $row_vals->staticpage_metadesc;
}

$datas = array();

$CI->header_lib->display_header_element(array("script"=>array("jquery-1.4.2","jquery.validate"),"page_title"=>$title,"metakey_page"=>$metakey_page,"metadesc_page"=>$metadesc_page));
$CI->header_lib->display_header($datas);
?>
<script type="text/javascript" src="<? echo site_url();?>/js/jquery.maskedinput-1.0.js"></script>
<div id="container_wrapper">
  <div id="body_container">
    <div class="left_part">
   <?php $this->load->view(TEMPLATE_NAME.'/front/register/side_left'); ?>
    </div>
    <div class="right_part">
      <?php
		 $attributes =  array('id'=>'signupform', 'name' => 'signupform');
        	echo form_open('register/products/',$attributes );
            ?>
              <h2 style="border-bottom: 1px solid #262B30;
	border-top: 1px solid #262B30;
	padding: 10px 0;
	font-size: 19px;
	margin-bottom:8px;
	color: #fff;" >services that you offer</h2>
    
    
       <?php if(!empty($notification)){ ?>
        <div style="background-color:#CF118C; color:#FFF; font-size:14px; margin-bottom:5px; padding:5px;">
        <?php echo $notification ?>
        </div>        
        <?php } ?>
          <div class="height10"></div>
        <div class="height10"></div>
        <h3 class="head03">Gender</h3>
         <label style="margin: 2px 0 2px 0px; width: auto; clear: both;display: none" class="error" generated="true" for="gender">category</label>
        <div class="height10px"></div>
        <div class="div013">
          <ul>
          <?php
          if(!empty($gender)){
          foreach($gender as $key=>$value){
           ?>  <li>
              <div class="div014">
                <input type="radio" name="gender" class="required" title="please select Gender"
                <?php if(in_array($value['id'] , (array)$gender)): ?>checked="checked"<?php endif; ?>
                value="<?php echo $value['id'] ?>">
                </div>
              <div class="div015"><?php echo $value['name'] ?> </div>

              <div class="clear"></div>
            </li>
        <?php  }}?>
          </ul></div>
          <div class="height10"></div>
        <h3 class="head03">Category(selecting more than one category  will be charged at $20.00 for each category)
</h3>
        <label style="margin: 2px 0 2px 0px; width: auto; clear: both;display: none" class="error" generated="true" for="category[]">category</label>
        <div class="height10px"></div>
        <div class="div013">
          <ul>
          <?php
          if(!empty($category)){
          foreach($category as $key=>$value){
           ?>  <li>
              <div class="div014">
                <input type="checkbox" name="category[]" class="required category" title="Please select at least one Category" id="<?php echo "category_".$key;?>"
                <?php if(in_array($value['id'] , (array)$category)): ?>checked="checked"<?php endif; ?>
                value="<?php echo $value['id'] ?>">
                </div>
              <div class="div015"><?php echo $value['name'] ?> </div>

              <div class="clear"></div>
            </li>
        <?php  }}?>
          </ul></div>
          <div class="height10"></div>
        <h3 class="head03">Hair Color</h3>
        <label style="margin: 2px 0 2px 0px; width: auto; clear: both;display: none" class="error" generated="true" for="hair_color[]">Please select hair_color</label>
        <div class="height10px"></div>
        <div class="div013">
          <ul>
          <?php
          if(!empty($hair_color)){
          foreach($hair_color as $key=>$value){
           ?>  <li>
              <div class="div014">
                <input type="checkbox" name="hair_color[]"  class="required" title="Please select your hair color"
                <?php if(in_array($value['id'] , (array)$hair_colour)): ?>checked="checked"<?php endif; ?>
                value="<?php echo $value['id'] ?>">
                </div>
              <div class="div015"><?php echo $value['name'] ?> </div>

              <div class="clear"></div>
            </li>
         <?php }}?>
          </ul>

        </div>
          <div class="height10"></div>
        <h3 class="head03">Ethinity</h3>
         <label style="margin: 2px 0 2px 0px; width: auto; clear: both;display: none" class="error" generated="true" for="ethnicity[]">category</label>
        <div class="height10px"></div>
        <div class="div013">
          <ul>
          <?php
          if(!empty($ethnicity)){
          foreach($ethnicity as $key=>$value){
           ?>
             <li>
              <div class="div014">
                <input type="checkbox" name="ethnicity[]" class="required" title="Please select Your Ethnicity"
                <?php if(in_array($value['id'] , (array)$ethnicity)): ?>checked="checked"<?php endif; ?>
                value="<?php echo $value['id'] ?>">
                </div>
              <div class="div015"><?php echo $value['name'] ?> </div>
              <div class="clear"></div>
            </li>
        <?php  }  
        }  ?></ul></div>
        
        <div class="clear">&nbsp;</div>
        
<table><tr><td>     
         <label class="title_css">Weight: </label>
         </td><td>
         <input type="text" class="required" name="weight" value="" style="width:80px" title="Please select weight" />
         <span>lbs</span>
            </td>
            <tr><td>

            <label class="title_css">Height: </label>
            </td><td>
            <input type="text" class="required" id="height" name="height" value="" style="width:80px;" title="Please select height" />
            </td>
            <td>
            <span>(example 5'8)</span>
            </td>
            </tr>
            <tr><td>
            <label class="title_css">Age: </label>
            </td><td>
            <input type="text" class="required" name="age" value="" style="width:80px;" title="Please select Your age" />
            </td>
  </tr> 
</table>
<div class="clear"></div>
 <label style="margin: 2px 0 2px 0px; width: auto; clear: both;display: none" class="error" generated="true" for="height">category</label>
 <div class="clear"></div>
  <label style="margin: 2px 0 2px 0px; width: auto; clear: both;display: none" class="error" generated="true" for="weight">category</label>
   <div class="clear"></div>
   <label style="margin: 2px 0 2px 0px; width: auto; clear: both;display: none" class="error" generated="true" for="age">category</label>
<div class="clear"></div>
      <div class="bright">
			<?php 
            $form_button = array(
              'type'=>'submit',
              'name'=>'submit',
              'value'=>'products',
              'content'=>'Submit',
            );
            echo form_button($form_button) ?>
            
            
            </div>
      </div>
        
    </div>
    <?php $this->load->view(TEMPLATE_NAME.'/front/side_right'); ?>  
    <div class="clear"></div>
  </div>
<?php
$CI->load->library("front/footer_lib");
$CI->footer_lib->display_footer();
?>
<script type="text/javascript">

$(document).ready(function(){
  
  $("#height").mask("9'9"); 
    $('#signupform').validate({
        rules:{
           category:'required'
        },
        messages: {
            category :'Please agree rules and regulation'
        }
    });

});
</script>
<?php
$CI->footer_lib->display_footer_element();

?>




